<template>
    <view>
        <a-list-layout ref="layout" :params="queryParams" #default="data" request_url="/message/messageList">
            <view v-for="(item, index) in data.lists" style="background-color: white;margin: 10rpx 0;">
                <view class="flex-column" :key="index" @click="jump(item)">
                    <view class="c_time">
                        {{ item.createtime }}
                    </view>
                    <view class="content" :class="{ backgroundNone: true }">
                      <view class="v3 " style="line-height: 1.4;">
                            {{ item.description }}
                        </view>
                     <!--   <view class="v4">
                            {{ item.description }}
                        </view> -->
                    </view>
                </view>
            </view>
        </a-list-layout>
    </view>
</template>
<script setup>
import { ref, reactive, nextTick } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
/* 上拉加载开始*/
const layout = ref(null);
const queryParams = reactive({});
onLoad(async (options) => {
    await nextTick();
    layout.value.getLists();
    uni.$u.http.post('/message/readMsg', {}).then(() => {});
});
/* 上拉加载结束*/
const getMoneyColor = (money) => {
    console.log('-aaa'.startsWith('-'));
    return money.startsWith('-');
};
</script>

<style lang="scss" scoped>
.tips {
    padding: 0 32rpx;
    height: 64rpx;
    background-color: white;
    font-size: 32rpx;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.c_time {
    margin: 16rpx auto 22rpx;
    padding: 13rpx 20rpx;
    font-size: 24rpx;
    color: white;
    text-align: center;
    background-color: #d3dedf;
    border-radius: 25rpx;
    display: block;
}

.content {
    width: 692rpx;
    margin: 0 auto 28rpx;
    background-size: 70rpx 60rpx;
    background-position: 500rpx 0px;
    border-radius: 25rpx;
    padding: 25rpx;
    box-sizing: border-box;
    position: relative;
}

.backgroundNone {
    background-image: none;
}

.labels {
    height: 30rpx;
    background: #498aff;
    color: white;
    font-size: 18rpx;
    padding: 0 10rpx;
    border-radius: 6rpx;
    line-height: 30rpx;
    margin-right: 10rpx;
}

.title-con {
    font-family: AdobeHeitiStd-Regular;
    font-size: 32rpx;
    color: #b0c0c3;
    width: 560rpx;
}

.v1 {
    font-family: AdobeHeitiStd-Regular;
    font-size: 30rpx;
    line-height: 1.5;
    font-weight: normal;
    font-stretch: normal;
    color: #b2c1c6;
}

.v2 {
    width: 100%;
    border-radius: 15rpx;
    overflow: hidden;
}

.v3 {
    font-size: 34rpx;
    color: #333;
    margin-bottom: 20rpx;
}

.v4 {
    line-height: 1.5;
    font-size: 24rpx;
    color: #496067;
}
</style>
